:root {
  // --app-bg: #0f172a;

}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  background: var(--app-bg);
  color: #e5e7eb;
  font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

#root {
  width: 100%;
  height: 100%;
  overflow: auto;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }

  a:hover {
    color: #747bff;
  }

  button {
    background-color: #f9f9f9;
  }
}

/* ======= 全局滚动条美化 ======= */
::-webkit-scrollbar {
  width: 8px;
  /* 滚动条宽度 */
  height: 8px;
  /* 横向滚动条高度 */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.5);
  /* 滚动条滑块颜色 */
  border-radius: 4px;
  /* 圆角 */
  transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.8);
  /* hover 颜色 */
}

::-webkit-scrollbar-track {
  background-color: transparent;
  /* 滚动条轨道颜色 */
}
.ant-card {
  background: #182445;
}
.ant-input-outlined {
  background: transparent !important;
  border-color:#3a6288;
}
.ant-card .ant-card-head {
  padding: 6px;
  border-bottom: 1px solid transparent;
}